<script setup>
import { useConfigStore } from '@/stores/syscfg'
const { WebSite_HomeBG, WebSite_Name } = useConfigStore().cfg.config
</script>

<template>
  <div class="page" :style="{ backgroundImage: 'url(' + WebSite_HomeBG + ')' }">
    <div class="welcome">欢迎使用{{ WebSite_Name }}</div>
    <div class="info">系统版本：1.0 更新时间：2023-08-24</div>
  </div>
</template>
<style scoped lang="scss">
.page {
  width: 100%;
  height: calc(100vh - 90px);
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;

  .welcome {
    font-family: '宋体', serif;
    font-weight: bold;
    padding-top: 30vh;
    color: #888;
    font-size: 40px;
  }
  .info {
    font-family: '宋体', serif;
    font-weight: bold;
    margin-top: 2.5vh;
    color: #bababa;
    font-size: 14px;
  }
}
</style>
